<template>
  <div>
    <h2>我是子组件</h2>
    <p>{{ money }}</p>
    <p>{{ flag }}</p>
    <p>{{ age }}</p>
    <p>{{ msg }}</p>
  </div>
</template>

<script>
export default {
  components: {},
  methods:{
    changePanda(){
      // this.panda = 'ddd'
    }
  },
  props: {
    // 1. 单个的类型校验
    money:Number,
    flag:Boolean,
    // 2. 某个值可以有多个可能性
    params:[Number, String],
    // 3. 必填项  用户必须传的属性
    age:{
      type:Number,
      required:true
    },
    // 4. 默认值 用户可以传，可以不传
    msg:{
      type:String,
      default:'hello world'
    },
    // 5. 如果要给复杂数据类型，添加默认值，必须用工厂函数返回一个对象
    panda:{
      type:Object,
      // default(){
      //   return { name:'menglan'}
      // },
      // 默认给一个空对象'
      // eslint-disable-next-line
      // default:_ => ({}) 
      // 默认给一个空数组
      // default:() => []
      // 默认一个空数组
      // default: _ => []
    },
    arr:{
      type:Array,
      // default: _ => []
    }
  },
}
</script>
<style scoped>
</style>